﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Advanced Selectors</title>
    <link type="text/css" href="../base.css" rel="stylesheet">
    <link type="text/css" href="index.css" rel="stylesheet">
</head>
<body>
<div id="body">
    <h1 class="page-title">Advanced Selectors</h1>
    <ul>
        <li>Attributes</li>
        <li>Contains a word</li>
        <li>Starts with</li>
        <li>Ends with</li>
    </ul>

    <h1 class="page-title">Advanced Selectors:Attributes</h1>
    <form action="">
        <label for="name">Name</label>
        <input type="text" id="name">
        <label for="email">Email</label>
        <input type="email" id="email">
        <button type="submit">Submit</button>
    </form>

    <h1 class="page-title">Advanced Selectors:Exact Value</h1>
    <form action="">
        <label for="name">Name</label>
        <input type="text" id="userName">
        <label for="emailAdd">Email</label>
        <input type="email" id="emailAdd">
        <button type="submit">Submit</button>
    </form>

    <h1 class="page-title">Advanced Selectors:Contains Value</h1>
    <form action="">
        <label for="names">Name</label>
        <input type="text" id="names">
        <label for="emails">Email</label>
        <input type="email" id="emails">
        <i class="fa fa-question-circle" title="We don't sell your email,you can Trust us"></i>
        <button type="submit">Submit</button>
    </form>

    <h1 class="page-title">Advanced Selectors:Start With & Ends With</h1>

    <form action="">
        <label for="nameStart">Name</label>
        <input type="text" id="nameStart">
        <label for="emailStart">Email</label>
        <input type="email" id="emailStart">
        <i class="fa fa-question-circle" title="We don't sell your email,you can Trust us"></i>
        <button type="submit">Submit</button>
        <a href="/register.html">Register.html</a>
        <a href="/benefits.pdf">Benefits.pdf</a>
    </form>


</div>
</body>
</html>